<!--<div class="jfk-bubble jfk-bubble-promo" style="visibility: visible; left: 163px; top: 83px; opacity: 1; ">
    <div class="jfk-bubble-content-id">
        <div class="promo-content" style="width: 200px; ">
            <span class="docs-promo-title-prefix">New!</span>&nbsp;
            <span class="docs-promo-title">Improved Comments</span><br><br>
            <span class="docs-promo-content">Insert discussion-style comments and add notes to cells.</span>
            <br><br>
            <a target="_blank" href="//support.google.com/docs/?p=spreadsheets_comments&amp;hl=en-US">Learn more</a>&nbsp;|&nbsp;
            <a id="promo-dismiss-link" class="docs-promo-dismiss-link">Dismiss</a>
        </div>
    </div>
    <div class="jfk-bubble-arrow-id jfk-bubble-arrow jfk-bubble-arrowup" style="left: 20px; ">
        <div class="jfk-bubble-arrowimplbefore"></div>
        <div class="jfk-bubble-arrowimplafter"></div>
    </div>
    <div class="jfk-bubble-arrow-id jfk-bubble-arrow jfk-bubble-arrowdown" >
        <div class="jfk-bubble-arrowimplbefore"></div>
        <div class="jfk-bubble-arrowimplafter"></div>
    </div>
    <div class="jfk-bubble-arrow-id jfk-bubble-arrow jfk-bubble-arrowleft" style="top: 20px; ">
        <div class="jfk-bubble-arrowimplbefore"></div>
        <div class="jfk-bubble-arrowimplafter"></div>
    </div>
    <div class="jfk-bubble-arrow-id jfk-bubble-arrow jfk-bubble-arrowright" >
        <div class="jfk-bubble-arrowimplbefore"></div>
        <div class="jfk-bubble-arrowimplafter"></div>
    </div>
</div>-->

<script type="text/javascript">
    $(document).ready(function () {
     
        var theme="classic";
        $("#jqxNavigationBar").jqxNavigationBar({ width: 920, height: 480, sizeMode: 'fitAvailableHeight', theme: theme });
        
    });
    function SB(b,i){
        $("."+b).hide();
        $("."+i).show();
    }
</script>
<input type="text" class="classic-input"/>
<input type="button" class="classic-button" value="ok"/>
<select class="classic-select">
    <option>[---Chọn---]</option>
</select>
<div class="classic-button" style="width: 20px;display: inline-block;height: 20px;line-height: 20px;padding: 0 20px">Hủy</div>
<!--<div class="fb-like" data-href="http://google.com" data-send="true" data-width="450" data-show-faces="true"></div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1&appId=470593322973062";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="clear"></div>-->
<style>
#jqxNavigationBar img{ max-width: 420px }
#jqxNavigationBar li{ padding-bottom: 12px }
</style>
<div style="padding: 20px;text-align: left;">
    <div id='jqxNavigationBar'>
        <!--Header-->
        <div>
            Giới thiệu
        </div>
        <!--Content-->
        <div>
            <p>
            Vài nét về Admin Planners 1.0<br/>
            Admin Planners được xây dựng nhằm phục vụ tốt quá trình quản lý nội dung trang web, 
            cũng như quản lý thông tin mua bán sản phẩm một cách tốt nhất.<br/>
            Với hệ thống cấp quyền cho từng chức năng. và phân chia quyền quản lý các chức 
            năng trang web cho các user khác nhau.<br/>
            Hệ thống báo cáo chi tiết, tương tác tốt với người dùng, với các tùy chỉnh dữ liệu khác nhau và đa dạng.<br/>
            Hệ thống biểu đồ các kiểu như cột, tròn , đường thể hiện tốt quá trình tăng trưởng của sản phẩm.<br/>
            Được tích hợp các control jqWideget, tinyMCE, CKFinder tiện dụng với người sử dụng...
            
            
            </p>
        </div>
        <!--Header-->
        <div>
            Hệ thống quản lý
        </div>
        <!--Content-->
        <div>
            <ul style="width: 400px;float: left">
                <li onclick="SB('b1','noidung');">Quản lý nội dung</li>
                <li onclick="SB('b1','khuvuc');">Quản lý khu vực</li>
                <li onclick="SB('b1','danhmuc');">Quản Lý danh mục</li>
                <li onclick="SB('b1','sanpham');">Quản Lý sản phẩm</li>
                <li onclick="SB('b1','danhmuc');">Quản Lý danh mục</li>
                <li onclick="SB('b1','danhmuc');">Quản Lý danh mục</li>
                <li onclick="SB('b1','danhmuc');">Quản Lý danh mục</li>
                <li onclick="SB('b1','danhmuc');">Quản Lý danh mục</li>
            </ul>
            <div class="noidung b1" style="float: right;width: 460px;overflow: auto;height: 100%">
                <img src="{{base_url('images/h/1.1.jpg')}}"/><br/>
                Nội dung các trang như hướng dẫn, giới thiệu<br/><br/>
                <img src="{{base_url('images/h/1.2.jpg')}}"/><br/>
            </div>
            <div class="khuvuc hidden b1" style="float: right;width: 460px;overflow: auto;height: 100%">
                <img src="{{base_url('images/h/2.1.jpg')}}"/><br/>
                
            </div>
            <div class="danhmuc hidden b1" style="float: right;width: 460px;overflow: auto;height: 100%">
                <img src="{{base_url('images/h/3.1.jpg')}}"/><br/>
                
            </div>
            <div class="sanpham hidden b1" style="float: right;width: 460px;overflow: auto;height: 100%">
                <img src="{{base_url('images/h/4.1.jpg')}}"/><br/>
                
            </div>
            <div class="khuvuc hidden b1" style="float: right;width: 460px;overflow: auto;height: 100%">
                <img src="{{base_url('images/h/2.1.jpg')}}"/><br/>
                
            </div>
        </div>
        <!--Header-->
        <div>
            Thống kê
        </div>
        <!--Content-->
        <div>
            <ul>
                <li>Tổng hợp doanh thu theo khoảng thời gian (từ ... đến ...)</li>
                <li>Tổng hợp doanh thu theo tháng</li>
                <li>Tổng hợp doanh thu theo quí</li>
                <li>Tổng hợp doanh thu theo năm</li>
                <li>1983 MILNET split off from ARPANET</li>
                <li>1986 NSFNET with 56 kbit/s links</li>
                <li>1986 Internet Engineering Task Force (IETF)</li>
                <li>1987 UUNET founded</li>
                <li>1988 NSFNET upgraded to 1.5 Mbit/s (T1)</li>
                <li>1988 OSI Reference Model released</li>
                <li>1988 Morris worm</li>
                <li>1989 Border Gateway Protocol (BGP)</li>
                <li>1989 PSINet founded, allows commercial traffic</li>
                <li>1989 Federal Internet Exchanges (FIXes)</li>
                <li>1990 GOSIP (without TCP/IP)</li>
                <li>1990 ARPANET decommissioned</li>
            </ul>
        </div>
        <!--Header-->
        <div>
            Biểu đồ
        </div>
        <!--Content-->
        <div>
            <ul>
                <li>1990 IMDb Internet movie database</li>
                <li>1995 Amazon.com online retailer</li>
                <li>1995 eBay online auction and shopping</li>
                <li>1995 Craigslist classified advertisements</li>
                <li>1996 Hotmail free web-based e-mail</li>
                <li>1997 Babel Fish automatic translation</li>
                <li>1998 Google Search</li>
                <li>1999 Napster peer-to-peer file sharing</li>
                <li>2001 Wikipedia, the free encyclopedia</li>
                <li>2003 LinkedIn business networking</li>
                <li>2003 Myspace social networking site</li>
                <li>2003 Skype Internet voice calls</li>
                <li>2003 iTunes Store</li>
                <li>2004 Facebook social networking site</li>
                <li>2004 Podcast media file series</li>
                <li>2004 Flickr image hosting</li>
                <li>2005 YouTube video sharing</li>
                <li>2005 Google Earth virtual globe</li>
            </ul>
        </div>
        <!--Header-->
        <div>
            Hình ảnh
        </div>
        <!--Content-->
        <div>
            {{print_r($_SESSION["ADP-USER"])}}
        </div>
    </div>
